<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- build:css -->
	<link rel="stylesheet" href="/static/lib/kitadmin/css/layui.css" th:href="@{/lib/kitadmin/css/layui.css}">
	<link rel="stylesheet" href="/static/lib/kitadmin/css/theme/default.css" th:href="@{/lib/kitadmin/css/theme/default.css}" id="theme">
	<link rel="stylesheet" href="/static/lib/kitadmin/css/nprogress.css" th:href="@{/lib/kitadmin/css/nprogress.css}">
	<!-- endbuild -->
	<style>
		.eleTree{
			width: 350px;
			height: 500px;
			border: 1px solid #ccc;
			overflow: hidden;
			display: inline-block;
			position: absolute;
		}
	</style>
</head>
<body>
<div class="container">
	<form class="layui-form" lay-filter="form-role">
		<div class="layui-form-item">
			<label class="layui-form-label">角色名称：</label>
			<div class="layui-input-block">
				<input class="layui-input" type="text" name="roleName" lay-verify="roleName" autocomplete="off" />
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">权限字符：</label>
			<div class="layui-input-block">
				<input class="layui-input" type="text" name="roleKey" lay-verify="roleKey" autocomplete="off" />
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">显示顺序：</label>
			<div class="layui-input-block">
				<input class="layui-input" type="text" name="roleSort" id="roleSort" value="99" autocomplete="off" />
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">是否冻结：</label>
			<div class="layui-input-block">
				<div class="onoffswitch">
					<input type="checkbox" th:checked="false" id="status" name="status" lay-skin="switch">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">备注：</label>
			<div class="layui-input-block">
				<textarea id="remark" name="remark" class="layui-textarea"></textarea>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">菜单权限：</label>
			<div class="layui-input-block">
				<div id="menuTrees" class="eleTree ele1" lay-filter="treeMenu"></div>
			</div>
		</div>
		<button class="layui-btn" id="btn-add" style="display:none"  lay-submit lay-filter="btn-add">创建</button>
	</form>
</div>
<script src="../static/lib/kitadmin/polyfill.min.js" th:src="@{/lib/kitadmin/polyfill.min.js}"></script>
<script src="../static/lib/kitadmin/layui.js" th:src="@{/lib/kitadmin/layui.js}"></script>
<script src="../static/lib/kitadmin/kitadmin.js" th:src="@{/lib/kitadmin/kitadmin.js}"></script>

<script th:inline="javascript">
	var ctx = [[@{/}]];
	var editFlag = [[${@permission.hasPermi('system:role:edit')}]];
	var prefix = ctx + "system/role";
</script>
<script>
	layui.config({
		base: '/js/admin/role/'
	}).use(['add'], function(){
		var add = layui.add;
		add.init({
			"prefix":prefix,
			"editFlag":editFlag
		});
	});
</script>
</body>
</html>